const path = require("path");
const htmlWebpackPlugin = require("html-webpack-plugin");
const VueLoaderPlugin = require('./node_modules/vue-loader/lib/plugin');
module.exports = {
    mode: 'production',
    entry: path.join(__dirname,"./src/main.js"),
    output: {
        path: path.join(__dirname,"./dist"),
        filename: "bundle.js"
    },
    plugins: [
        new htmlWebpackPlugin({
            template: path.join(__dirname,"./src/index.html"),
            filename: "index.html"
        }),
        new VueLoaderPlugin()
    ],
    module:{
        rules:[
            { test: /\.css$/, use: ["style-loader","css-loader"] },
            { test: /\.(jpg|png|gif|jpeg|icon)$/, use: "url-loader?limit=1000" },
            { test: /\.(eot|svg|ttf|woff|woff2)$/, use: "url-loader" },
            { test: /\.js$/, use: "babel-loader", exclude: /node_modules/ },
            { test: /\.vue$/, use: "vue-loader" },
            { test: /\.scss$/, use: ["style-loader","css-loader","sass-loader"] },
        ]
    }
}